  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $title;?></title>
    <link rel="stylesheet" type="text/css" href="../public/css/index.css">
    <script type="text/javascript" src="../public/js/jquery.min.js"></script>
	
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
	<div id="head"><?php model();?></div>
   <h2>沐水莲心-多选训练</h2>
		<div id ="menu"> 
            <ul class="fmt">
				<li ><a href="../index.php">主页</a></li>
				<li ><a href="single.php">单选训练</a></li>   
				<li ><a href="judge.php">判断训练</a></li> 
				<li class="active"><a href="multiple.php">多选训练</a></li> 
				<li ><a href="fill.php">填空训练</a></li> 
				<li ><a href="userInfo.php">考生信息</a></li>
				<li ><a href="test.php">在线考试</a></li>    
                <li ><a href="list.php">成绩排名</a></li>                                                
            </ul> 
        </div>
		
		<div id="main" style="margin-top: 1%;">
  			<table class="table"  cellpadding="0" cellspacing="0"  border="1 color:#F2F2F2" style="width: 75%;border-collapse: collapse" align="center">
			<?php foreach($list as $k => $v):?>
    			<tr height="80px">
 					<td align="top" colspan="3">第 <?php echo $pageNum;?> 题：<?php echo $v['question'];?></td>
 				</tr>
 				<tr>
 					<td align="left" width="68%" colspan="3"><label><input type="checkbox" value="A" name="options[]"/>A.<?php echo $v['A'];?></label></td>
 				</tr>
 				<tr>
 					<td align="left" colspan="3"><label><input type="checkbox" value="B" name="options[]"/>B.<?php echo $v['B'];?></label></td>
 				</tr>
 				<tr>
 					<td align="left" colspan="3"><label><input type="checkbox" value="C" name="options[]"/>C.<?php echo $v['C'];?></label></td>
 				</tr>
 				<tr>
 					<td align="left" colspan="3"><label><input type="checkbox" value="D" name="options[]">D.<?php echo $v['D'];?></label></td>
 				</tr>
				<tr>
					<td>正确答案：</td>
					<td width="1px" colspan="3"><span class="answer" style="display:none;color:red;font-weight:bold;"><?php echo $v['answer'];?></span></td>
				</tr>
 				<tr height="80px">
 					<td align="left" colspan="3">注释：</td>
 				</tr>
			<?php endforeach;?>
 			</table>
 			
		</div>
		<form action="multiple_deal.php" method="post">
			<div id="tool" style="width: 75%; margin:10px auto;">
			<div class="row">
				<div class="col-md-5">
					<?php echo $strPage;?>
				</div>
				<div class="col-md-3">
					<div class="col-sm-6">
						<select name="type" id="option" class="form-control">
						<option value="">请选择...</option>
						<?php foreach($tlist as $k => $v):?>
							<option value="<?php echo $v['id'];?>"><?php echo $v['type_name'];?></option>
						<?php endforeach;?>
						</select>
					</div>
					<div class="col-sm-6">
						<button type="submit" id="type" class="btn btn-primary">按题型训练</button>
					</div>
					
					
				</div>
				<div class="col-md-4">
					<div class="col-md-4">
						<input type="text" class="form-control" value="<?php echo $star;?>" name="star" placeholder="起始" />
					</div>
					<div class="col-md-4">
						<input type="text" class="form-control" value="<?php echo $end;?>" name="end" placeholder="终止" />
					</div>
					<div class="col-md-4">
						<button type="submit" id="fanwei" class="btn btn-primary">按范围训练</button>
					</div>
					
					
				</div>
			</div>
			</div>
			
			<div class="row" style="width: 75%; margin: 1% auto;">
                   <div class="col-md-6 a bd">  
                    <div class="input-group">
                        <input type="text" class="form-control" id="search_txt" value="<?php echo $keywords;?>" name="keywords" placeholder="关键字"/>
					    <span class="input-group-btn">
						    <button class="btn btn-success" type="submit" id="search">
							    查询
						    </button>
					    </span>					    
				    </div>
                  </div>
                 <div class="col-md-6 a bd">                      
                    <div class="input-group">
                        <input type="text" class="form-control" id="jmp_txt" name="jump" value="<?php echo $jump;?>" placeholder="题号"/>
					    <span class="input-group-btn">
						    <button class="btn btn-success" type="submit"  id="tihao">
							    跳转
						    </button>
					    </span>					    
				    </div>
                </div>
			</div>
		</form>
		<footer>
            <p>本网页用于设计在线考试卷系统</p>
        </footer>
	</div>
</body>
</html>
<script>
		$(function(){
		$("#play").click(function(){
			if($(".answer").hasClass('show')){
				$(".answer").hide().removeClass("show");
				$("#play").html('显示');
			}else{
				$(".answer").show().addClass("show");
				$("#play").html('隐藏');
			}
		});
	});
</script>
